/* #ifndef APP-NVUE */
// Order
.#{$prefix}order-first {
  order: -9999;
}
.#{$prefix}order-last {
  order: 9999;
}
.#{$prefix}order-none {
  order: 0;
}

@for $i from 1 through 14 {
  .#{$prefix}order-#{$i} {
    order: $i;
  }
  .#{$prefix}-order-#{$i} {
    order: $i * -1;
  }
}
/* #endif */


// Position
/* #ifndef APP-NVUE */
.#{$prefix}static {
  position: static;
}
/* #endif */
.#{$prefix}fixed {
  position: fixed !important;
}
.#{$prefix}absolute {
  position: absolute !important;
}
.#{$prefix}relative {
  position: relative !important;
}
.#{$prefix}sticky {
  position: sticky !important;
}

// Top / Right / Bottom / Left
// Inset
.#{$prefix}inset-0 {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.#{$prefix}inset-px {
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
}
/* #ifndef APP-NVUE */
.#{$prefix}inset-auto {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}
/* #endif */
.#{$prefix}inset-full {
  top: 100%;
  right: 100%;
  bottom: 100%;
  left: 100%;
}
@for $i from 0 through 50 {
  // top: {0-50}px;
  .#{$prefix}top-#{$i} {
    top: $i + px;
  }
  // right: {0-50}px;
  .#{$prefix}right-#{$i} {
    right: $i + px;
  }
  // bottom: {0-50}px;
  .#{$prefix}bottom-#{$i} {
    bottom: $i + px;
  }
  // left: {0-50}px;
  .#{$prefix}left-#{$i} {
    left: $i + px;
  }
}
@for $i from 1 through 100 {
  // top: {0-100}rpx;
  .#{$prefix}top-#{$i} {
    top: $i + rpx;
  }
  // right: {0-100}rpx;
  .#{$prefix}right-#{$i} {
    right: $i + rpx;
  }
  // bottom: {0-100}rpx;
  .#{$prefix}bottom-#{$i} {
    bottom: $i + rpx;
  }
  // left: {0-100}rpx;
  .#{$prefix}left-#{$i} {
    left: $i + rpx;
  }
}

/* #ifndef APP-NVUE */
// Floats
.#{$prefix}float-right {
  float: right;
}
.#{$prefix}float-left {
  float: left;
}
.#{$prefix}float-none {
  float: none;
}

// Clear
.#{$prefix}clear-right {
  clear: right;
}
.#{$prefix}clear-left {
  clear: left;
}
.#{$prefix}clear-both {
  clear: both;
}
.#{$prefix}clear-none {
  clear: none;
}

// Object Fit
.#{$prefix}object-contain {
  object-fit: contain;
}
.#{$prefix}object-cover {
  object-fit: cover;
}
.#{$prefix}object-fill {
  object-fit: fill;
}
.#{$prefix}object-none {
  object-fit: none;
}
.#{$prefix}object-scale-down {
  object-fit: scale-down;
}

// Object Position
.#{$prefix}object-bottom {
  object-position: bottom;
}
.#{$prefix}object-center {
  object-position: center;
}
.#{$prefix}object-left {
  object-position: left;
}
.#{$prefix}object-left-bottom {
  object-position: left bottom;
}
.#{$prefix}object-left-top {
  object-position: left top;
}
.#{$prefix}object-right {
  object-position: right;
}
.#{$prefix}object-right-bottom {
  object-position: right bottom;
}
.#{$prefix}object-right-top {
  object-position: right top;
}
.#{$prefix}object-top {
  object-position: top;
}

// Z-Index
.#{$prefix}z-auto {
  z-index: auto;
}
/* #endif */

@for $i from 0 through 16 {
  .#{$prefix}z-#{$i} {
    z-index: $i !important;
  }
}
